<template>
    <Layout class="menu-left">
        <Menu mode="horizontal" @on-select='lowerStep' :active-name="modaleshow">
            <MenuItem :name="1">本年度环保提升项目完成情况</MenuItem>
            <MenuItem :name="2">次年环保投入计划</MenuItem>
        </Menu>
        <Row v-show="modaleshow==1">
            <rptInvestment ref="rptInvestment"></rptInvestment>
        </Row>
        <Row v-show="modaleshow==2">
            <rptInvestmentPlan ref="rptInvestmentPlan"></rptInvestmentPlan>
        </Row>
    </Layout>
</template>
<script>
    import rptInvestment from './RptInvestment.vue'
    import rptInvestmentPlan from './RptInvestmentPlan.vue'
    export default {
        components: {
            rptInvestment,
            rptInvestmentPlan
        },
        name: "investment",
        data() {
            return{
                modaleshow:1
            }
        },
        mounted(){},
        methods: {
            lowerStep(name) {
                this.modaleshow = name
            }
        }
    }
</script>
